

header{
    width: 100%;
    height: 100px;
    position: fixed;
    box-shadow: 0 2px 10px -4px rgba(0, 0, 0, 0.3);
    background-color: white;
    background-image: url(../img/u14.png);
    z-index: 3;
    .left_box{
        float: left;
        display: flex;
        margin-top: 30px;
        padding-left: 20px;
        img{
            width: 50px;
            object-fit: cover;
        }
        h3{
            color: rgb(18, 150, 219);
            font-weight: lighter;
        }
    }
    .right_box{
        float: right;
        margin-top: 40px;
        padding-right: 50px;
        ul>li{
            margin: 0 35px;
            font-size: 20px;
            cursor: pointer;
            a{
                text-decoration: none;
                color: black;
            }
            >.active{
                color: rgb(18, 150, 219);
            }
        }
    }
}


footer{
    height: 385px;
    background-color: rgb(36, 32, 31);
   
    >div{
        position: relative;
        height: 100%;
        .count{
            width: 100%;
            position: absolute;
            display: flex;
            height: 260px;
            top:70px;
            justify-content: space-evenly;
          
            .left{
               margin-top: 70px;
               display: flex;
                img{
                    height: 80px;
                    object-fit: cover;
                }
            }
            .center{
              
                >ul{
                    list-style: none;
                    display: flex;
                    color: white;
                    justify-content: space-evenly;
                    li{
                        margin: 0 40px;
                        ul{
                            list-style: none;
                            padding-top: 20px;
                            li{
                                margin: 20px 0;
                                font-size: 20px;
                                font-weight: lighter;
                               
                                cursor: pointer;
                            }
                        }
                    }
                }
            }
            .right{
              
                padding: 0 40px;
                height: 100%;
                border-left: 1px solid white;
                color: white;
                >ul{
                    list-style: none;
                    display: flex;
                    li{
                        margin:  0 40px 0 0;
                        img{
                            width: 130px;
                            margin-top: 30px;
                        }
                        >div{
                            margin-top: 20px;
                            font-size: 20px;
                            line-height: 50px;
                        }
                    }
                }
            }
        }
        >p{
            position: absolute;
            right: 90px;
            bottom: 20px;
        }
    }
}